<template>
    <div class="qilin-home">
        <HeaderNav></HeaderNav>
        <div class="qilin-home-content hide-scrollbar flex-column">
            <div class="qilin-home-content-box hide-scrollbar">
                <el-config-provider :locale="zhCn">
                    <router-view></router-view>
                </el-config-provider>
            </div>
        </div>
    </div>
</template>

<script setup>
import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
import HeaderNav from "./headerNav.vue";


/*
    响应式选项区域
*/


/*
    数据变量定义区域
*/


/*
    计算属性等代码区域
*/


/*
    逻辑脚本代码区域
*/


/*
    生命周期等代码区域
*/


</script>

<style lang="scss" scoped>
.qilin-home{
    width:100%;
    height:100%;
    position:relative;
    >.qilin-home-content{
        height:calc(100vh - 0.5rem);
        background-color: var(--qilin-bg-color-default);
        padding:0.2rem;
        >.qilin-home-content-box{
            flex:1;
        }
    }
}
</style>
